﻿@media screen and (-ms-view-state: snapped) {
    
}

@media screen and (-ms-view-state: fullscreen-portrait) {
    
}

.mainPage{
	height: 100%;
	width:100%;
	-ms-grid-rows: 50px 1fr 328px;
}

.piano-keyboard{
	background-color:blue;
	-ms-grid-row:3;
	height:auto;
}

.piano-screen{
	background-color:black;
	-ms-grid-row:1;	
    -ms-grid-row-span:2;
}
.piano-info {
    -ms-grid-row: 1;
    margin: 5px;
    background-color: transparent;
    background: no-repeat scroll;
    position:fixed;

}
#btnSave, #btnRecord {
    height: 45px;
    width: 120px;
    border-radius: 4px;
    border-style: dashed;
    border-color: #ff3d43;
    margin-right: 10px;
    /*margin-left: 0px;*/
    font-size: 14pt;
    background-color: lightskyblue;
}


.title {
    font-family: Tahoma;
    font-size: 18px;
    padding-left:25px;
}

button {
    border:none;
}